
    var axisLabel = {
        lineStyle: {
            show: true,
            color: '#053A62'
        },
        textStyle: {
            fontSize: 18,
            color: '#357ACC'
        }
    };
 
    var axisLine = {
        lineStyle: {
            color: '#053A62',
            width: 0,
        }
    };
    var splitLine = {
        lineStyle: {
            color: '#053A62'
        }
    };
    
    function line1init(strval1,strval2,strval3) {
        var line1 = echarts.init(document.getElementById("line1")); 
	    var line1Option = {
	        color: ['#00ffff', '#ff9933'],
	        title: {
	            text: '近一月使用情况',
	            textStyle: {
	                color: '#00ffff',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'top'
	        },
	        legend: {
	            x: 'center',
	            y: 70,
	            itemWidth: 10,
	            itemHeight: 10,
	            textStyle:{
	                fontSize: 18
	            },
	            data: [{
	                name: '登录',
	                textStyle: {color: '#00ffff'}
	            }, {
	                name: '注册',
	                textStyle: {color: '#ff9933'}
	            }]
	        },
	        grid: {
	            x: 20,
	            y: 100,
	            x2: 4,
	            y2: 30,
	            borderWidth: 1,
	            borderColor: '#05345A',
	            containLabel: true,
	        },
	        tooltip: {
	            trigger: 'axis'
	        },
	        calculable: true,
	        xAxis: [
	            {
	                type: 'category',
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                data: strval1
	            }
	        ],
	        yAxis: [
	            {
	                type: 'value',
	                boundaryGap: true,
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                splitArea: {
	                    show: true,
	                    onGap: true,
	                    areaStyle: {
	                        color: ['rgba(6,29,62,.3)',
	                            'rgba(6,29,62,.3)']
	                    }
	                },
	
	            }
	        ],
	        series: [
	            {
	                name: '登录',
	                type: 'line',
	                smooth: true,
	                symbolSize:0,
	                data:strval2
	
	            },
	            {
	                name: '注册',
	                type: 'line',
	                smooth: true,
	                symbolSize:0,
	                data:strval3
	
	            }
	        ]
	    };
	
	    line1.setOption(line1Option);
    }
    
    
    function line2init(xdata,strname1,strval1,strname2,strval2,strname3,strval3,strname4,strval4,strname5,strval5){ 
        var line2 = echarts.init(document.getElementById("line2"));
	    var line2Option = {
	        color: ['#cd21d7','#76ab4b','#0191cb','#01577d','#cd045c'],
	        title: {
	            text: '一周法人活跃度',
	            textStyle: {
	                color: '#00ffff',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 20
	        },
	        grid: {
	            x: 65,
	            y: 100,
	            x2: 40,
	            y2: 30,
	            borderWidth: 1,
	            borderColor: '#05345A',
	            containLabel: true,
	        },
	        tooltip: {
	            trigger: 'axis'
	        },
	        calculable: true,
	        xAxis: [
	            {
	                type: 'category',
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                data: xdata
	            }
	        ],
	        yAxis: [
	            {
	                type: 'value',
	                boundaryGap: true,
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                splitArea: {
	                    show: true,
	                    onGap: true,
	                    areaStyle: {
	                        color: ['rgba(6,29,62,.3)',
	                            'rgba(6,29,62,.3)']
	                    }
	                },
	
	            }
	        ],
	        series: [
	            {
	                name: strname1,
	                type: 'line',
	                smooth:true,
	                symbolSize:0,
	                data:strval1
	            },
	            {
	                name: strname2,
	                type: 'line',
	                smooth:true,
	                symbolSize:0,
	                data:strval2
	            },
	            {
	                name: strname3,
	                type: 'line',
	                smooth:true,
	                symbolSize:0,
	                data:strval3
	            },
	            {
	                name: strname4,
	                type: 'line',
	                smooth:true,
	                symbolSize:0,
	                data:strval4
	            },
	            {
	                name: strname5,
	                type: 'line',
	                smooth:true,
	                symbolSize:0,
	                data:strval5
	            }
	        ]
	    };
	    line2.setOption(line2Option);
    }

    function line3init(xdata,strname1,strval1,strname2,strval2){
        var line3 = echarts.init(document.getElementById("line3"));
	    line3Option = {
	        color: ['#00b0f0', '#ff0066'],
	        title: {
	            text: '一周用户登录情况',
	            textStyle: {
	                color: '#00aeef',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 40,
	            y: 20
	        },
	        legend: {
	            x: '76%',
	            y: 50,
	            itemWidth: 10,
	            itemHeight: 10,
	            data: [{
	                name: strname1,
	                textStyle: {color: '#00b0f0'}
	            }, {
	                name: strname2,
	                textStyle: {color: '#ff0066'}
	            }]
	        },
	        grid: {
	            x: 20,
	            y: 100,
	            x2: 40,
	            y2: 30,
	            borderWidth: 1,
	            borderColor: '#05345A',
	            containLabel: true,
	        },
	        tooltip: {
	            trigger: 'axis'
	        },
	        calculable: true,
	        xAxis: [
	            {
	                type: 'category',
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel :{  
	                    interval:0,	//	X轴 连续显示 
	                    textStyle:{
	                        fontSize:18 // 让字体变大
	                    } 
	                },
	                data: xdata
	            }
	        ],
	        yAxis: [
	            {
	                type: 'value',
	                boundaryGap: true,
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                splitArea: {
	                    show: true,
	                    onGap: true,
	                    areaStyle: {
	                        color: ['rgba(6,29,62,.3)',
	                            'rgba(6,29,62,.3)']
	                    }
	                },
	
	            }
	        ],
	        series: [
	            {
	                name: strname1,
	                type: 'line',
	                smooth: true,
	                symbolSize:0,
	                data:strval1
	
	            },
	            {
	                name: strname2,
	                type: 'line',
	                smooth: true,
	                symbolSize:0,
	                data:strval2
	
	            }
	        ]
	    };
	    line3.setOption(line3Option);
    }
    

    function bar1init(strval1,strval2,strval3,strval4,strval5) { 
	    var bar1 = echarts.init(document.getElementById("bar1"));   
	    var bar1Option = {
	        color: ['#cd21d7','#76ab4b','#0191cb','#01577d','#cd045c'],
	        title: {
	            text: '一年用户增长情况',
	            textStyle: {
	                color: '#00ffff',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'top'
	        },
	        grid: {
	            x: 65,
	            y: 100,
	            x2: 40,
	            y2: 20,
	            borderWidth: 1,
	            borderColor: '#05345A',
	            containLabel: true,
	        },
	        legend: {
	            x: 'center',
	            y: 70,
	            itemWidth: 10,
	            itemHeight: 10,
	            data: [{
	                name: '企业、农专社',
	                textStyle: {color: '#cd21d7',
		                fontSize: 18}
	            }, {
	                name: '社团、民非、基金会',
	                textStyle: {color: '#76ab4b',
		                fontSize: 18}
	            }, {
	                name: '个体',
	                textStyle: {color: '#0191cb',
		                fontSize: 18}
	            }, {
	                name: '事业单位',
	                textStyle: {color: '#01577d',
		                fontSize: 18}
	            }, {
	                name: '政府机关',
	                textStyle: {color: '#cd045c',
		                fontSize: 18}
	            }]
	        },
	        tooltip: {
	            trigger: 'axis'
	        },
	        calculable: true,
	        xAxis: [
	            {
	                type: 'category',
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                data: ['7月','8月','9月','10月','11月','12月','1月','2月','3月','4月','5月','6月']
	            }
	        ],
	        yAxis: [
	            {
	                type: 'value',
	                boundaryGap: true,
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel
	            }
	        ],
	        series: [
	            {
	                name: '企业、农专社',
	                type: 'bar',
	                barWidth:10,
	                data: [0,0,0,0,0,12,220,116,100,179,696,184]
	            },
	            {
	                name: '社团、民非、基金会',
	                type: 'bar',
	                barWidth:10,
	                data:[0,0,0,0,0,0,8,1,2,5,4,4]
	            },
	            {
	                name: '个体',
	                type: 'bar',
	                barWidth:10,
	                data:[0,0,0,0,0,0,2,8,19,27,16,23]
	            },
	            {
	                name: '事业单位',
	                type: 'bar',
	                barWidth:10,
	                data:[0,0,0,0,0,0,2,8,19,27,16,23]
	            },
	            {
	                name: '政府机关',
	                type: 'bar',
	                barWidth:10,
	                data:[0,0,0,0,0,0,2,8,19,27,16,23]
	            }
	        ]
	    };
	    bar1.setOption(bar1Option);
    }
    
    function bar2init(strval0,strval1,strval2,strname1,strname2) {
        var bar2 = echarts.init(document.getElementById("bar2"));
	    var bar2Option = {
	        color: ['#00b0f0', '#ff0066'],
	        title: {
	            text: '一周用户增长情况',
	            textStyle: {
	                color: '#00aeef',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 40,
	            y: 20
	        },
	        grid: {
	            x: 25,
	            y: 100,
	            x2: 40,
	            y2: 20,
	            borderWidth: 1,
	            borderColor: '#05345A',
	            containLabel: true,
	        },
	        legend: {
	            x: '76%',
	            y: 70,
	            itemWidth: 10,
	            itemHeight: 10,
	            data: [{
	                name: strname1,
	                textStyle: {color: '#00b0f0'}
	            }, {
	                name: strname2,
	                textStyle: {color: '#ff0066'}
	            }]
	        },
	        tooltip: {
	            trigger: 'axis'
	        },
	        calculable: true,
	        xAxis: [
	            {
	                type: 'category',
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel :{  
	                    interval:0,	//	X轴 连续显示 
	                    textStyle:{
	                        fontSize:18 // 让字体变大
	                    } 
	                },
	                data: strval0
	            }
	        ],
	        yAxis: [
	            {
	                type: 'value',
	                boundaryGap: true,
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel
	            }
	        ],
	        series: [
	            {
	                name: strname1,
	                type: 'bar',
	                barWidth:10,
	                data:strval1
	            },
	            {
	                name: strname2,
	                type: 'bar',
	                barWidth:10,
	                data:strval2
	            }
	        ]
	    };
	    bar2.setOption(bar2Option);
    }
    
    function bar3init(strval1,strval0) {
        var bar3 = echarts.init(document.getElementById("bar3"));
	    var bar3Option = {
	        color: ['#ff0066'],
	        title: {
	            text: '年龄统计',
	            textStyle: {
	                color: '#00aeef',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 40,
	            y: 20
	        },
	        grid: {
	            x: 20,
	            y: 100,
	            x2: 40,
	            y2: 30,
	            borderWidth: 1,
	            borderColor: '#05345A',
	            containLabel: true,
	        },
	        tooltip: {
	            trigger: 'axis'
	        },
	        calculable: true,
	        xAxis: [
	            {
	                type: 'category',
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel,
	                data: strval1
	            }
	        ],
	        yAxis: [
	            {
	                type: 'value',
	                boundaryGap: true,
	                axisTick: {length: 0},
	                splitLine: splitLine,
	                axisLine: axisLine,
	                axisLabel: axisLabel
	            }
	        ],
	        series: [
	            {
	                name: '人数',
	                type: 'bar',
	                barWidth:10,
	                data: strval0
	            }
	        ]
	    };
	    bar3.setOption(bar3Option);
    }

    
    function pie1init(maparr){
        var pie1 = echarts.init(document.getElementById("pie1"));
	    var pie1Option = {
	        color: ['#00ffff', '#038a9a', '#045c72'],
	        title:{
	            text: '认证\n方式',
	            textStyle: {
	                color: '#00ffff',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '认证方式',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data: maparr
	            }
	        ]
	    };
	    pie1.setOption(pie1Option);
    }
    
    
    function pie2init(maparr) {
        var pie2 = echarts.init(document.getElementById("pie2"));
	    var pie2Option = {
	        color: ['#ed7d31', '#7a4933', '#4c3434'],
	        title:{
	            text: '用户\n等级',
	            textStyle: {
	                color: '#ed7d31',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '用户等级',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data: maparr
	            }
	        ]
	    };
	    pie2.setOption(pie2Option);
    }

    function pie3init(maparr){
	    var pie3 = echarts.init(document.getElementById("pie3"));
	    var pie3Option = {
	        color: ['#ff24ff', '#92d050', '#00b0f0','#0070c0','#ff0066'],
	        title:{
	            text: '法人\n占比',
	            textStyle: {
	                color: '#00b0f0',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '法人占比',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data:maparr
	            }
	        ]
	    };
	    pie3.setOption(pie3Option);
    }
    
    function pie4init(maparr) {
        var pie4 = echarts.init(document.getElementById("pie4"));
	    var pie4Option = {
	        color: ['#66ccff', '#0097fe', '#0070c0','#00b0f0'],
	        title:{
	            text: '认证\n方式',
	            textStyle: {
	                color: '#0097fe',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '认证方式',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data:maparr
	            }
	        ]
	    };
	    pie4.setOption(pie4Option);
    }
    
    function pie5init(maparr) {
	    var pie5 = echarts.init(document.getElementById("pie5"));
	    var pie5Option = {
	        color: ['#ff0066', '#830a4e', '#ff0066'],
	        title:{
	            text: '用户\n等级',
	            textStyle: {
	                color: '#ff0066',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '用户等级',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data:maparr
	            }
	        ]
	    };
        pie5.setOption(pie5Option);
    }
    
    function pie6init(maparr) {
	    var pie6 = echarts.init(document.getElementById("pie6"));
	    var pie6Option = {
	        color: ['#00b0f0', '#052548'],
	        title:{
	            text: '男女\n比例',
	            textStyle: {
	                color: '#00b0f0',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '男女比例',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data:maparr
	            }
	        ]
	    };
        pie6.setOption(pie6Option);
    }
    
    function pie7init(maparr) {
	    var pie7 = echarts.init(document.getElementById("pie7"));
	    var pie7Option = {
	        color: ['#00b0f0', '#052548'],
	        title:{
	            text: '活跃\n用户',
	            textStyle: {
	                color: '#00b0f0',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '活跃用户',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data: maparr
	            }
	        ]
	    };
        pie7.setOption(pie7Option);
    }
    
    function pie8init(maparr) {
        var pie8 = echarts.init(document.getElementById("pie8"));
	    var pie8Option = {
	        color: ['#00b0f0', '#052548'],
	        title:{
	            text: '用户\n实名',
	            textStyle: {
	                color: '#00b0f0',
	                fontWeight: 200,
	                fontSize: 40
	            },
	            x: 'center',
	            y: 'center'
	        },
	        tooltip: {
	            trigger: 'item',
	            formatter: "{a} <br/>{b}: {c} ({d}%)"
	        },
	        series: [
	            {
	                name: '用户实名',
	                type: 'pie',
	                radius: ['70%', '80%'],
	                center: ['50%', '50%'],
	                avoidLabelOverlap: false,
	                label: {
	                    normal: {
	                        show: false,
	                        position: 'center'
	                    },
	                    emphasis: {
	                        show: false,
	                        textStyle: {
	                            fontSize: '30',
	                            fontWeight: 'bold'
	                        }
	                    }
	                },
	                labelLine: {
	                    normal: {
	                        show: false
	                    }
	                },
	                data: maparr
	            }
	        ]
	    };
	    pie8.setOption(pie8Option);
    }
    

